<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" >
<head>  
  <title>ADHIMIX</title>
  
  
	<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  
	<link rel="stylesheet" href="<?php echo $this->baseUrl ?>/public/styles/css/basic.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo $this->baseUrl ?>/public/styles/css/webmanager.css" type="text/css" />
<!--	<link rel="stylesheet" href="<?php echo $this->baseUrl ?>/public/styles/css/anylink.css" type="text/css" />-->

<script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/scripts/jquery/jquery-1.4.2.min.js"></script>

<link rel="stylesheet" href="<?php echo $this->baseUrl ?>/public/scripts/jquery/treeview/jquery.treeview.css" type="text/css"/>
<script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/scripts/jquery/treeview/lib/jquery.cookie.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/scripts/jquery/treeview/jquery.treeview.js"></script>

<style type="text/css">
/*.cmxform fieldset p.error label { color: red; }
div.container {
	background-color: #eee;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
	font-family: "Arial, Helvetica, sans-serif";
	font-size: 12px;
}
div.container ol li {
	list-style-type: disc;
	margin-left: 20px;
}
div.container { display: none }
.container label.error {
	display: inline;
}*/
/*form.cmxform { width: 30em; }*/
/*form.cmxform label.error {
	display: block;
	margin-left: 1em;
	width: auto;
}*/
</style>




<!--YUI START-->

<style type="text/css">
/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
	margin:0;
	padding:0;
}
#toggle {
    text-align: center;
    padding: 1em;
}
#toggle a {
    padding: 0 5px;
    border-left: 1px solid black;
}
#tRight {
    border-left: none !important;
}
</style>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl ?>/public/scripts/build/reset-fonts-grids/reset-fonts-grids.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl ?>/public/scripts/build/resize/assets/skins/sam/resize.css" />

<?php $layoutcss = (DEV_MODE == 1)?"layout_2.css":"layout.css"; ?>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl ?>/public/scripts/build/layout/assets/skins/sam/<?= $layoutcss ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl ?>/public/scripts/build/button/assets/skins/sam/button.css" />
	<link rel="stylesheet" href="<?php echo $this->baseUrl ?>/public/scripts/tab-view/css/tab-view.css" type="text/css" media="screen">

<script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/scripts/build/yahoo/yahoo-min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/scripts/build/event/event-min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/scripts/build/dom/dom-min.js"></script>

<script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/scripts/build/element/element-beta-min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/scripts/build/dragdrop/dragdrop-min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/scripts/build/resize/resize-beta-min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/scripts/build/animation/animation-min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl ?>/public/scripts/build/layout/layout-beta.js"></script>
    
    
    

<script type="text/javascript">
 var strictDocType = false; 

		$(function() {
			$("#tree").treeview({
				collapsed: true,
				animated: "fast",
				control:"#sidetreecontrol",
				persist: "cookie"
			});
		})
		
	</script>

<!--YUI END-->




</head>
<body class="yui-skin-sam">
<div id="top1">
<div id="header">
  <div>
	<table width="100%">
		<tr>
<!--			<td align="left">
			<img src="<?= $this->baseUrl ?>/public/images/adhimix/login/adhimix_logo1.gif" border="0">
			</td>-->
			<td align="right" valign="bottom">
				<span><?=$this->dataUser["pson_nama"]." (".$this->dataUser["user_nama"].")"?></span>
				<!--<span><font color="blue"><a href="<?php echo $this->baseUrl ?>/default/auth/pilih.app.dan.organisasi">[APPLICATION]</a></font> :: </span>-->
				<span><?= date('d.m.Y')?> :: </span>
				<span><font color="blue"><a href="<?php echo $this->baseUrl ?>/default/auth/logout">Logout &nbsp;&nbsp;</a></font></span>
			</td>
		</tr>
	</table>

  </div>
 </div>

<!--<div id="bottom1"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p></div>
<div id="right1">
    <b>Right 1</b>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
</div>-->
<div id="left1">
    	<?=$this->render($this->treemenu); ?>
</div>
<div id="center1" align="center">

<!--	<div class="content" align="left"></div>-->
	<div id="contents">
	
	</div>
<!--	<div id="mainScreen"></div>-->
</div>


<script>

(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

    Event.onDOMReady(function() {
        var layout = new YAHOO.widget.Layout({
            units: [
                { position: 'top', height: 50, body: 'top1', header: 'Adhimix <?=$this->dataUser["ph_nama_parent"]?> (<?=$this->dataUser["ph_nama"]?>) :: <?=$this->dataRole["jab_nama"]?> / <?=$this->dataRole["role_nama"]?>', gutter: '5px', collapse: false, resize: false, scroll: false, animate: false},
              //  { position: 'right', header: 'Right', width: 300, resize: true, gutter: '5px', footer: 'Footer', collapse: true, scroll: true, body: 'right1', animate: true },
              //  { position: 'bottom', header: 'Bottom', height: 100, resize: true, body: 'bottom1', gutter: '5px', collapse: true },
                { position: 'left', header: '<a href="#" onClick="refreshTree()"><font color="white">(O)</font></a> Main Menu', width: 200, resize: true, body: 'left1', gutter: '5px', collapse: true, close: false, collapseSize: 10, scroll: true, animate: true },
                { position: 'center', header: 'Application Window', width: 200, resize: false, body: 'center1', gutter: '5px', collapse: false, close: false, collapseSize: 50, scroll: true, animate: false }
            ]
        });
        layout.on('render', function() {
            layout.getUnitByPosition('left').on('close', function() {
                closeLeft();
            });
        });
        layout.render();
        Event.on('tLeft', 'click', function(ev) {
            Event.stopEvent(ev);
            layout.getUnitByPosition('left').toggle();
        });
        Event.on('tRight', 'click', function(ev) {
            Event.stopEvent(ev);
            layout.getUnitByPosition('right').toggle();
        });
        Event.on('padRight', 'click', function(ev) {
            Event.stopEvent(ev);
            var pad = prompt('CSS gutter to apply: ("2px" or "2px 4px" or any combination of the 4 sides)', layout.getUnitByPosition('right').get('gutter'));
            layout.getUnitByPosition('right').set('gutter', pad);
        });
        var closeLeft = function() {
            var a = document.createElement('a');
            a.href = '#';
            a.innerHTML = 'Add Left Unit';
            Dom.get('closeLeft').parentNode.appendChild(a);
            Dom.setStyle('tLeft', 'display', 'none');
            Dom.setStyle('closeLeft', 'display', 'none');
            Event.on(a, 'click', function(ev) {
                Event.stopEvent(ev);
                Dom.setStyle('tLeft', 'display', 'inline');
                Dom.setStyle('closeLeft', 'display', 'inline');
                a.parentNode.removeChild(a);
                layout.addUnit(layout.get('units')[3]);
                layout.getUnitByPosition('left').on('close', function() {
                    closeLeft();
                });
            });
        };
        Event.on('closeLeft', 'click', function(ev) {
            Event.stopEvent(ev);
            layout.getUnitByPosition('left').close();
        });
    });


})();


</script>
</body>
</html>
